import 'package:flutter/material.dart';

class StackCase extends StatelessWidget {
  const StackCase({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      // height: double.infinity,  // 常见错误，父级没有高度，设置 100% 后反而是 0
      height: 500,
      alignment: Alignment.center,
      decoration: const BoxDecoration(
        color: Colors.black12,
      ),
      child: Stack(
        alignment: Alignment.center, // 对齐方式
        clipBehavior: Clip.none, // 不裁切
        children: [
          Container(
            width: 200,
            height: 200,
            color: Colors.blueAccent,
          ),
          // 定位组件，定位优先级比 父级 alignment 对齐方式 高
          // 若未设置定位，默认会根据 alignment 对齐方式对齐
          Positioned(
            // left: -50, // 左偏移
            top: -90, // 上偏移,
            // right: -50, // 右偏移
            // bottom: -50, // 下偏移
            child: Image.asset(
              'assets/open_eyes.png',
              width: 100,
              height: 100,
            ),
          )
        ],
      ),
    );
  }
}